html{
    margin: 0;
    padding: 0;
}
body{
    width: 100%;
    height: 100%;
    background: url("back1.png") no-repeat center center/cover ;
}



/** ----------------------------------
 * 主要内容
 -------------------------------------- */
.lyear-layout-content {
    height: 100%;
    width: 100%;
    padding-top: 30px;
    padding-left: 50px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}
.lyear-layout-content .container-fluid {
    width: 1260px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* card */
.card {
    margin-left: 20px;
    float: left;
    width: 400px;
    height: 240px;
    margin-bottom: 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.035);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.035);
}
.card-header {
    width: 380px;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-bottom: 1px solid rgba(77,82,89,0.05);
}
#function.card-header.card-primary{
    width: 400px;
}
.card-header > * {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}
.card-header:after,
.card-footer:after {
    display: table;
    content: " ";
    clear: both;
}
.card-body {
    padding: 24px 24px;
}
.card-header .h4,
.card-header h4 {
    font-size: 16px;
    float: left;
}
.card-header + .card-body {
    padding-top: 15px;
}
.card-header[class*='bg'] .card-actions > li > a:not(.label),
.card-header[class*='bg'] .card-actions > li > button,
.card-header[class*='bg'] h1,
.card-header[class*='bg'] h2,
.card-header[class*='bg'] h3,
.card-header[class*='bg'] h4,
.card-header[class*='bg'] h5,
.card-header[class*='bg'] h6,
.card-header[class*='bg'] .h1,
.card-header[class*='bg'] .h2,
.card-header[class*='bg'] .h3,
.card-header[class*='bg'] .h4,
.card-header[class*='bg'] .h5,
.card-header[class*='bg'] .h6 {
    color: #2d2c2c;
}
/*.card-toolbar {*/
/*    padding: 24px 24px 0px 24px;*/
/*    position: relative;*/
/*}*/
/*.card-toolbar .search-bar {*/
/*    max-width: 100px;*/
/*}*/
/*.card-toolbar .dropdown-menu {*/
/*    min-width: 100%;*/
/*}*/
/*!* card-actions *!*/
/*.card-actions {*/
/*    float: right;*/
/*    margin-bottom: 0;*/
/*    margin-left: auto;*/
/*    padding: 0;*/
/*}*/
/*.card-actions > li {*/
/*    display: inline-block;*/
/*    padding: 0;*/
/*}*/
/*.card-actions > li > a:not(.label),*/
/*.card-actions > li > button {*/
/*    color: #86939e;*/
/*    display: inline-block;*/
/*    padding: 0;*/
/*    line-height: 1;*/
/*    opacity: .7;*/
/*    vertical-align: middle;*/
/*    -webkit-transition: opacity 0.15s ease-out;*/
/*    transition: opacity 0.15s ease-out;*/
/*}*/
/*.card-actions > li > a:not(.label):hover,*/
/*.card-actions > li > button:hover {*/
/*    text-decoration: none;*/
/*    opacity: 1;*/
/*}*/
/*.card-actions > li > a:not(.label):active,*/
/*.card-actions > li > button:active {*/
/*    opacity: .6;*/
/*}*/
/*.card-actions > li > span {*/
/*    display: block;*/
/*}*/
/*.card-actions > li > .label {*/
/*    line-height: 1.25;*/
/*}*/
/*.card-actions > li > a:focus {*/
/*    text-decoration: none;*/
/*    opacity: 1;*/
/*}*/
/*.card-actions > li > button {*/
/*    background: none;*/
/*    border: none;*/
/*}*/
/*.card-actions > li.active > a,*/
/*.card-actions > li.open > button {*/
/*    text-decoration: none;*/
/*    opacity: 1;*/
/*}*/
/*.card-actions > li + li {*/
/*    margin-left: 10px;*/
/*}*/
/*.card .tab-content {*/
/*    padding: 10px 24px;*/
/*}*/
/*.card-footer {*/
/*    background-color: #fcfdfe;*/
/*    border-top: 1px solid rgba(77,82,89,0.05);*/
/*    padding: 15px 24px;*/
/*}*/
#function{
    background-color:#33cabb;
}
#commodity{
    background-color: #15c377;
}
#warehouse{
    background-color: #48b0f7;
}
#inventory{
    background-color: #f96868;
}
#order{
    background-color: #57c7d4;
}